#@web_layout?()
#define css()
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/css/main.css?#(getUUID())" />
#end
#define content()
<div class="c-article">
    <div class="g-fair-base-info">
        <div class="u-title">个人信息</div>
        <div class="m-box-row">
            <div class="m-card">
                #if(fair.personal_photo??)
                	<img src="#(fair.personal_photo)" width="360" height="270">
                #else
                	<div class="u-photo"></div>
                #end
                <div class="u-info">
                    <div class="u-info-title">基本信息</div>
                    <ul class="u-info-list">
                        <li class="u-list-cell">
                            <div class="u-cell-label">昵称:</div>
                            <div class="u-cell-content">#(fair.nick_name)</div>
                        </li>
                        <li class="u-list-cell">
                            <div class="u-cell-label">粉丝:</div>
                            <div class="u-cell-content u-cell-content-red">
                            	#if(fair.fans) #(fair.fans)人 #else 未知 #end
                            </div>
                        </li>
                        #--
                        <li class="u-list-cell">
                            <div class="u-cell-label">星座:</div>
                            <div class="u-cell-content">#(fair.constellation)</div>
                        </li>
                        --#
                        <li class="u-list-cell">
                            <div class="u-cell-label">年龄:</div>
                            <div class="u-cell-content">
                            	#if(fair.age) #(fair.age)岁 #else 未知 #end
                            </div>
                        </li>
                        <li class="u-list-cell">
                            <div class="u-cell-label">身高:</div>
                            <div class="u-cell-content">
                            	#if(fair.height) #(fair.height)CM #else 未知 #end
                            </div>
                        </li>
                        <li class="u-list-cell">
                            <div class="u-cell-label">地区:</div>
                            <div class="u-cell-content">#(fair.cityString)</div>
                        </li>
                        #--
                        <li class="u-list-cell">
                            <div class="u-cell-label">属性:</div>
                            <div class="u-cell-content">#(fair.attrString)</div>
                        </li>
                        --#
                    </ul>
                </div>
            </div>
            <div class="g-mid"></div>
            <ul class="m-card-column">
               <li class="u-data" style="border-bottom:1px solid #dedede">
                   <div class="u-data-icon u-data-icon-point"></div>
                   <div class="u-data-num">
                       <div class="u-num-title">平均点击量</div>
                       <div class="u-num-content">#(fair.avgClick)</div>
                   </div>
               </li>
                <li class="u-data" style="border-bottom:1px solid #dedede">
                    <div class="u-data-icon u-data-icon-transform"></div>
                    <div class="u-data-num">
                        <div class="u-num-title">平均转化量</div>
                        <div class="u-num-content">#(fair.avgInto)</div>
                    </div>
                </li>
                <li class="u-data">
                    <div class="u-data-icon u-data-total"></div>
                    <div class="u-data-num">
                        <div class="u-num-title">总接单数</div>
                        <div class="u-num-content">#(fair.orders)</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="g-fair-task-info">
        <div class="u-title">任务信息</div>
        <ul class="m-list">
            <li class="m-cell">
                <div class="m-content">
                    <div class="u-content-value">2017-05-04</div>
                    <div class="u-content-value">xxxxxxxxxx活动</div>
                    <div class="u-content-value">点击量:xxxxx</div>
                    <div class="u-content-value">转化量:xxxx</div>
                    <div class="u-content-value">已完成</div>
                    <div class="u-content-value ">
                        <div class="u-content-btn" style="border-radius:3px;">评论（xxx）</div>
                    </div>
                </div>
                <ul class="m-more">
                    <li class="m-more-cell">
                        <div class="u-more-value">
                            <div class="u-more-head"></div>
                            <div class="u-more-name">xxxxxxx</div>
                        </div>
                        <div class="u-more-value-mid">xxxxx2131d2ef13ef13ef1fewr2er213r13r4134r134r14exxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                        <div class="u-more-value">2017-05-02</div>
                    </li>
                    <li class="m-more-cell">
                        <div class="u-more-value">
                            <div class="u-more-head"></div>
                            <div class="u-more-name">xxxxxxx</div>
                        </div>
                        <div class="u-more-value-mid">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                        <div class="u-more-value">2017-05-02</div>
                    </li>
                    <li class="m-more-cell">
                        <div class="u-more-value">
                            <div class="u-more-head"></div>
                            <div class="u-more-name">xxxxxxx</div>
                        </div>
                        <div class="u-more-value-mid">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                        <div class="u-more-value">2017-05-02</div>
                    </li>
                </ul>
            </li>
            <li class="m-cell">
                <div class="m-content">
                    <div class="u-content-value">2017-05-04</div>
                    <div class="u-content-value">xxxxxxxxxx活动</div>
                    <div class="u-content-value">点击量:xxxxx</div>
                    <div class="u-content-value">转化量:xxxx</div>
                    <div class="u-content-value">已完成</div>
                    <div class="u-content-value ">
                        <div class="u-content-btn" style="border-radius:3px;">评论（xxx）</div>
                    </div>
                </div>
                <ul class="m-more">
                    <li class="m-more-cell">
                        <div class="u-more-value">
                            <div class="u-more-head"></div>
                            <div class="u-more-name">xxxxxxx</div>
                        </div>
                        <div class="u-more-value-mid">xxxxx2131d2ef13ef13ef1fewr2er213r13r4134r134r14exxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                        <div class="u-more-value">2017-05-02</div>
                    </li>
                    <li class="m-more-cell">
                        <div class="u-more-value">
                            <div class="u-more-head"></div>
                            <div class="u-more-name">xxxxxxx</div>
                        </div>
                        <div class="u-more-value-mid">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                        <div class="u-more-value">2017-05-02</div>
                    </li>
                    <li class="m-more-cell">
                        <div class="u-more-value">
                            <div class="u-more-head"></div>
                            <div class="u-more-name">xxxxxxx</div>
                        </div>
                        <div class="u-more-value-mid">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                        <div class="u-more-value">2017-05-02</div>
                    </li>
                </ul>
            </li>
            <li class="m-cell">
                <div class="m-content">
                    <div class="u-content-value">2017-05-04</div>
                    <div class="u-content-value">xxxxxxxxxx活动</div>
                    <div class="u-content-value">点击量:xxxxx</div>
                    <div class="u-content-value">转化量:xxxx</div>
                    <div class="u-content-value">已完成</div>
                    <div class="u-content-value ">
                        <div class="u-content-btn" style="border-radius:3px;">评论（xxx）</div>
                    </div>
                </div>
                <ul class="m-more">
                    <li class="m-more-cell">
                        <div class="u-more-value">
                            <div class="u-more-head"></div>
                            <div class="u-more-name">xxxxxxx</div>
                        </div>
                        <div class="u-more-value-mid">xxxxx2131d2ef13ef13ef1fewr2er213r13r4134r134r14exxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                        <div class="u-more-value">2017-05-02</div>
                    </li>
                    <li class="m-more-cell">
                        <div class="u-more-value">
                            <div class="u-more-head"></div>
                            <div class="u-more-name">xxxxxxx</div>
                        </div>
                        <div class="u-more-value-mid">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                        <div class="u-more-value">2017-05-02</div>
                    </li>
                    <li class="m-more-cell">
                        <div class="u-more-value">
                            <div class="u-more-head"></div>
                            <div class="u-more-name">xxxxxxx</div>
                        </div>
                        <div class="u-more-value-mid">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                        <div class="u-more-value">2017-05-02</div>
                    </li>
                </ul>
            </li>
            <li class="m-cell">
                <div class="m-content">
                    <div class="u-content-value">2017-05-04</div>
                    <div class="u-content-value">xxxxxxxxxx活动</div>
                    <div class="u-content-value">点击量:xxxxx</div>
                    <div class="u-content-value">转化量:xxxx</div>
                    <div class="u-content-value">已完成</div>
                    <div class="u-content-value ">
                        <div class="u-content-btn" style="border-radius:3px;">评论（xxx）</div>
                    </div>
                </div>
                <ul class="m-more">
                    <li class="m-more-cell">
                        <div class="u-more-value">
                            <div class="u-more-head"></div>
                            <div class="u-more-name">xxxxxxx</div>
                        </div>
                        <div class="u-more-value-mid">xxxxx2131d2ef13ef13ef1fewr2er213r13r4134r134r14exxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                        <div class="u-more-value">2017-05-02</div>
                    </li>
                    <li class="m-more-cell">
                        <div class="u-more-value">
                            <div class="u-more-head"></div>
                            <div class="u-more-name">xxxxxxx</div>
                        </div>
                        <div class="u-more-value-mid">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                        <div class="u-more-value">2017-05-02</div>
                    </li>
                    <li class="m-more-cell">
                        <div class="u-more-value">
                            <div class="u-more-head"></div>
                            <div class="u-more-name">xxxxxxx</div>
                        </div>
                        <div class="u-more-value-mid">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                        <div class="u-more-value">2017-05-02</div>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>
#end
#define script()
<script type="application/javascript" data-main="#(contextPath)/assets/front/web/script/platform_fair_detail" src="#(contextPath)/assets/front/web/script/require.js"></script>
#end